<template>
	<view class="body">
		
		<!-- 手风琴效果 -->
		<uni-collapse accordion="true">
			<uni-collapse-item v-for="(depart,d_index) in menu" :title="depart.departName">
				<view style="padding: 30rpx;">
					<uni-list>
						<uni-list-item 
						v-for="(child,c_index) in depart.menuChild"
						 :title="child.departName"
						 :thumb="'../../static/icons/icon'+c_index+'.png'"
						 link :to="'/pages'+child.menuUrl"
						 thumb-size="lg" >
						</uni-list-item>
					</uni-list>
				</view>
			</uni-collapse-item>
		</uni-collapse>
	</view>
</template>

<script>
	export default {
		props:{
			menu:[]
		},
		data(){
			return {
			}
		},components:{
			},
		onReady() {
			 // this.menu = data
		},
		methods: {
		},
	}
</script>
<style lang="scss" scoped>	
	.body{
		/deep/.uni-list--lg{
			width: 30upx;
			height: 30upx;
		}
	}
</style>